<template>
	<!-- 实时数据 -->
	<view class="realTimeData">
		<view class="itemBox">
			<view class="itemBox_item">
				<!-- item.Ua -->
				<view class="item_name">A相电压:</view><view class="item_num">{{itemObj.Ua}}V</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">B相电压:</view><view class="item_num">{{itemObj.Ub}}V</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">C相电压:</view><view class="item_num">{{itemObj.Uc}}V</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">AB线电压:</view><view class="item_num">{{itemObj.Uab}}V</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">BC线电压:</view><view class="item_num">{{itemObj.Ubc}}V</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">CA线电压:</view><view class="item_num">{{itemObj.Uca}}V</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">A相电流:</view><view class="item_num">{{itemObj.Ia}}A</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">B相电流:</view><view class="item_num">{{itemObj.Ib}}A</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">C相电流:</view><view class="item_num">{{itemObj.Ic}}A</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">三相有功功率:</view><view class="item_num">{{itemObj.P}}W</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">三相无功功率:</view><view class="item_num">{{itemObj.Q}}var</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">三相视在功率:</view><view class="item_num">{{itemObj.Stot}}VA</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">A相功率因数:</view><view class="item_num">{{itemObj.PFa}}</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">B相功率因数:</view><view class="item_num">{{itemObj.PFb}}</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">C相功率因数:</view><view class="item_num">{{itemObj.PFc}}</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">总功率因数:</view><view class="item_num">{{itemObj.PFtot}}</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">频率:</view><view class="item_num">{{itemObj.Hz}}Hz</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">A/AB电压相角:</view><view class="item_num">{{itemObj.UaAngle}}°</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">B/BC电压相角:</view><view class="item_num">{{itemObj.UbAngle}}°</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">C/CA电压相角:</view><view class="item_num">{{itemObj.UcAngle}}°</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">A相电流相角:</view><view class="item_num">{{itemObj.IaAngle}}°</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">B相电流相角:</view><view class="item_num">{{itemObj.IbAngle}}°</view>
			</view>
			<view class="itemBox_item">
				<view class="item_name">C相电流相角:</view><view class="item_num">{{itemObj.IcAngle}}°</view>
			</view>
		</view>
		
	</view>
</template>

<script setup>
	import {
		
		defineProps
	} from 'vue'
	const props = defineProps({
		itemObj:Object
	});
</script>

<style lang="scss">
	.realTimeData{
		padding: 34rpx 32rpx;
		box-sizing: border-box;
		.itemBox{
			&_item{
				padding: 30rpx 0;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-bottom: 1rpx solid  #EFEFEF;
				.item_name{
					font-size: 24rpx;
					color: #333;
				}
				.item_num{
					font-size: 28rpx;
					color: #000;
				}
			}
			.itemBox_item:last-child {
				padding: 30rpx 0;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-bottom: 0rpx solid  #EFEFEF;
				.item_name{
					font-size: 24rpx;
					color: #333;
				}
				.item_num{
					font-size: 28rpx;
					color: #000;
				}
			}
		}
		
	}
</style>